<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>患者列表</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
            font-family: -apple-system, system-ui, '微软雅黑', 'Microsoft YaHei', '华文细黑', 'STXihei', 'STHeiti Light', 'STHeiti', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
        }
        body {
            margin: 0;
        }
        .page {
            margin: 20px;
        }

        .div {
            max-width: 70em;
            margin-left: auto;
            margin-right: auto;
            background: #fff;
            height: 500px;
        }
        .table{
            margin-top: 50px;
        }
        .name{
            padding: 0;
        }
        .message{
            padding: 10px 0;
        }
        .modal-body>div{
            padding: 0;
        }
        .modal-content{
            width: 800px;
            position: relative;
            left: -100px;
        }
        input[type="text"] {
            border: 1px solid #ccc;
            margin-bottom: 2px;
            padding: 2px 4px;
        }

        .fixed {
  table-layout: fixed;
  border-collapse: collapse;
}
.fixed th {
}
.fixed th,
.fixed td {
  padding: 5px;
  text-align: left;
  min-width: 180px;
}


.fixed thead {
}
.fixed thead tr {
  display: block;
  position: relative;
}
.fixed tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 100px;
  overflow-y: scroll;
    overflow-x: hidden;
}
.btn-xxs{
    padding: 0px 6px;
}


    </style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <span class="navbar-brand">患者列表</span>
</nav>
<div class="page">
    <table class="table">
        <thead class="thead-light">
        <tr>
            <th>患者姓名</th>
            <th>确诊时间</th>
            <th>病情</th>
            <th>最后随访时间</th>
            <th>信息管理</th>
        </tr>
        </thead>
        <tbody class="tbdy">
        </tbody>
    </table>
    <div>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="btn()"><span
            class="glyphicon glyphicon-plus"></span>添加患者
        </button>
    </div>
    <footer class="page-footer font-small" style="margin-top: 100px;">
        <!-- Copyright -->
        <div class="footer-copyright text-center" style="color: #bbb; font-size: 12px;">© 2018 Copyright 惠每移健
        </div>
        <!-- Copyright -->        
    </footer>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                </div>
                <div class="modal-body col-xs-12">

                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">基本信息</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="symptom-tab" data-toggle="tab" href="#symptom" role="tab" aria-controls="symptom" aria-selected="false">就诊信息</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="ame-tab" data-toggle="tab" href="#ame" role="tab" aria-controls="ame" aria-selected="false">AME记录</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">患者设置</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">内容推送</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="record-tab" data-toggle="tab" href="#record" role="tab" aria-controls="record" aria-selected="false">推送记录</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="code-tab" data-toggle="tab" href="#code" role="tab" aria-controls="code" aria-selected="false">患者二维码</a>
                        </li>
                        </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="row" style="margin: 20px;">
                                <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;">患者姓名：</span>
                                        <span class="name col-xs-8">
                                        <input id="name" type="text" disabled="disabled" value=""/>
                                    </span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;">身份证号码：</span>
                                        <span class="name col-xs-8">
                                        <input id="idcard" type="text" disabled="disabled" value="410200XXXXXXXX7316"/>
                                    </span>
                                    </div>
                                </div>
                                <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;">性别：</span>
                                        <span class="name col-xs-8">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="radio" name="inlineRadioOptionssx" id="inlineRadio1" value="option1" checked="checked">
                                                <label class="form-check-label" for="inlineRadio1">男</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="radio" name="inlineRadioOptionssx" id="inlineRadio2" value="option2">
                                                <label class="form-check-label" for="inlineRadio2">女</label>
                                            </div>
                                    </span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;">出生日期：</span>
                                        <span class="name col-xs-8">
                                        <input type="text" value="1953-08-08"/>
                                    </span>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row" style="margin: 20px;">
                                <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;">手机</span>
                                        <span class="name col-xs-8">
                                            <input id="mobile" type="text" value="13017101410"/>
                                        </span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;">家庭住址：</span>
                                        <span class="name col-xs-8">
                                        <input id="address" type="text" disabled="disabled" value="河南省开封市祥符区"/>
                                    </span>
                                    </div>
                                    </div>
                                <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;">紧急联系人：</span>
                                        <span class="name col-xs-8">
                                        <input id="emergency" type="text" disabled="disabled" value=""/>
                                    </span>
                                    </div>
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;">邮编：</span>
                                        <span class="name col-xs-8">
                                        <input id="zipcode" type="text" disabled="disabled" value=""/>
                                    </span>
                                    </div>
                                </div>
                            </div>
    
                            <div class="row" style="margin: 20px;">
                                    <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">就诊医院</span>
                                            <span class="name col-xs-8">
                                                <select id="visitHospital" class="weui-select">
                                                    <option value="开封市祥符区第二人民医院">开封市祥符区第二人民医院</option>
                                                    <option value="北京协和医院">北京协和医院</option>
                                                    <option value="北京西苑中医院">北京西苑中医院</option>
                                                    <option value="北京朝阳医院">北京朝阳医院</option>
                                                </select>
                                        </span>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">主治医生：</span>
                                            <span class="name col-xs-8">
                                                <input id="doctor" type="text" value=""/>
                                        </span>
                                        </div>
                                    </div>
                                </div>
                        </div>
                        <div class="tab-pane fade" id="symptom" role="tabpanel" aria-labelledby="symptom-tab">

                                <div class="row" style="margin: 20px;">
                                    <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">就诊情况：</span>
                                            <span class="name col-xs-8">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsjz" id="inlineRadio41" value="option1" checked="checked">
                                                    <label class="form-check-label" for="inlineRadio41">初诊</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsjz" id="inlineRadio42" value="option2">
                                                    <label class="form-check-label" for="inlineRadio42">复诊</label>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-xs-24 message" style="display: inline-block; width: 100%;">
                                        <div class="col-xs-4">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">症状：</span>
                                            <span class="name col-xs-20">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio31" value="option1">
                                                    <label class="form-check-label" for="inlineRadio31">无症状</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio32" value="option2" checked="checked">
                                                    <label class="form-check-label" for="inlineRadio32">头痛头晕</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio33" value="option2">
                                                    <label class="form-check-label" for="inlineRadio33">恶心呕吐</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio34" value="option2">
                                                    <label class="form-check-label" for="inlineRadio34">眼花耳鸣</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio35" value="option2">
                                                    <label class="form-check-label" for="inlineRadio35">呼吸困难</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio35" value="option2">
                                                    <label class="form-check-label" for="inlineRadio35">心悸胸闷</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio35" value="option2">
                                                    <label class="form-check-label" for="inlineRadio35">鼻孔出血</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio35" value="option2">
                                                    <label class="form-check-label" for="inlineRadio35">四肢发麻</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="inlineRadioOptions3" id="inlineRadio35" value="option2">
                                                    <label class="form-check-label" for="inlineRadio35">下肢水肿</label>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
    
                                    <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">收缩压</span>
                                            <span class="name col-xs-8">
                                                <input type="text" value="152" style="width: 80px;"/> mmHg
                                            </span>
                                        </div>
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">体重</span>
                                            <span class="name col-xs-8">
                                            <input type="text" value="74" style="width: 80px;"/> kg
                                        </span>
                                        </div>
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">体质指数BMI</span>
                                            <span class="name col-xs-8">
                                            <input type="text" value="26.5" style="width: 80px;"/>
                                        </span>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">舒张压</span>
                                            <span class="name col-xs-8">
                                            <input type="text" value="96" style="width: 80px;"/> mmHg
                                        </span>
                                        </div>
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">身高</span>
                                            <span class="name col-xs-8">
                                            <input type="text" value="167" style="width: 80px;"/> cm
                                        </span>
                                        </div>
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">心率</span>
                                            <span class="name col-xs-8">
                                            <input type="text" value="82" style="width: 80px;"/> 次/分
                                        </span>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">是否长期吸烟：</span>
                                            <span class="name col-xs-8">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsxy" id="inlineRadioxy1" value="option1">
                                                    <label class="form-check-label" for="inlineRadioxy1">否</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsxy" id="inlineRadioxy2" value="option2" checked="checked">
                                                    <label class="form-check-label" for="inlineRadioxy2">是</label>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">是否长期酗酒：</span>
                                            <span class="name col-xs-8">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsxj" id="inlineRadioxj1" value="option1" checked="checked">
                                                    <label class="form-check-label" for="inlineRadioxj1">否</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsxj" id="inlineRadioxj2" value="option2">
                                                    <label class="form-check-label" for="inlineRadioxj2">是</label>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
    
                                    <div class="col-xs-12 message" style="display: inline-block; width: 100%;">
                                            <div class="col-xs-6">
                                                <span class="name col-xs-4" style="display: inline-block; width: 120px;">用药情况：</span>
                                                <span class="name col-xs-8">
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="radio" name="inlineRadioOptionsyy" id="inlineRadioyy1" value="option1">
                                                        <label class="form-check-label" for="inlineRadioyy1">未用药/不清楚</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="radio" name="inlineRadioOptionsyy" id="inlineRadioyy2" value="option2" checked="checked">
                                                        <label class="form-check-label" for="inlineRadioyy2">口服单药</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="radio" name="inlineRadioOptionsyy" id="inlineRadioyy3" value="option2">
                                                        <label class="form-check-label" for="inlineRadioyy3">联合用药</label>
                                                    </div>
                                                    <div class="col-xs-6">
                                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">药物名称</span>
                                                            <span class="name col-xs-8">
                                                            <input type="text" value="氢氯噻嗪片"/>
                                                        </span>
                                                        </div>
                                                </span>
                                            </div>
                                    </div>

                                    <div class="col-xs-12 message" style="display: inline-block; width: 100%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">用药频率：</span>
                                            <span class="name col-xs-8">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionspl" id="inlineRadiopl1" value="option1">
                                                    <label class="form-check-label" for="inlineRadiopl1">每日1次</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionspl" id="inlineRadiopl2" value="option2">
                                                    <label class="form-check-label" for="inlineRadiopl2">每日2次</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionspl" id="inlineRadiopl3" value="option2">
                                                    <label class="form-check-label" for="inlineRadiopl3">每日3次</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionspl" id="inlineRadiopl4" value="option2" checked="checked">
                                                    <label class="form-check-label" for="inlineRadiopl4">不清楚</label>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
        
                                    <div class="col-xs-12 message" style="display: inline-block; width: 100%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">服药依从性：</span>
                                            <span class="name col-xs-8">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsyc" id="inlineRadioyc1" value="option1">
                                                    <label class="form-check-label" for="inlineRadioyc1">规律</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsyc" id="inlineRadioyc2" value="option2" checked="checked">
                                                    <label class="form-check-label" for="inlineRadioyc2">间断</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsyc" id="inlineRadioyc3" value="option2">
                                                    <label class="form-check-label" for="inlineRadioyc3">不服药</label>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
        
                                    <div class="col-xs-24 message" style="display: inline-block; width: 100%;">
                                        <div class="col-xs-24">
                                            <span class="name col-xs-4" style="display: inline-block; width: 120px;">并发症情况：</span>
                                            <span class="name col-xs-20">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsbf" id="inlineRadio51" value="option1" checked="checked">
                                                    <label class="form-check-label" for="inlineRadio51">有慢性并发症</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="radio" name="inlineRadioOptionsbf" id="inlineRadio52" value="option2">
                                                    <label class="form-check-label" for="inlineRadio52">有急性并发症</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="radio" name="inlineRadioOptionsbf" id="inlineRadio53" value="option3">
                                                        <label class="form-check-label" for="inlineRadio53">无并发症</label>
                                                    </div>
                                            </span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="row" style="margin: 20px;">
                                <div class="col-xs-24 message" style="display: inline-block; width: 100%;">
                                    <div style="margin-bottom: 5px;">
                                        <h5>个体化患教内容包</h5>
                                    </div>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="inlineRadioOptions5" id="inlineRadio51" value="option1" checked="checked">
                                            <label class="form-check-label" for="inlineRadio51">与高血压相关的危险因素</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="inlineRadioOptions5" id="inlineRadio52" value="option2" checked="checked">
                                            <label class="form-check-label" for="inlineRadio52">了解高血压并发症</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="inlineRadioOptions5" id="inlineRadio53" value="option2" checked="checked">
                                            <label class="form-check-label" for="inlineRadio53">高血压生活方式和家庭疗法</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="inlineRadioOptions5" id="inlineRadio54" value="option2" checked="checked">
                                            <label class="form-check-label" for="inlineRadio54">高血压的药物治疗</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="inlineRadioOptions5" id="inlineRadio55" value="option2">
                                            <label class="form-check-label" for="inlineRadio55">患者及家属的应对和支持</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="margin: 20px;"> 
                                <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                    <div class="col-xs-6">
                                        <span class="name col-xs-3" style="display: inline-block; width: 120px;"><h5>用药频率</h5>
                                        </span>
                                    </div>
                                </div>
                                <table class="table fixed" style="margin: 0">
                                    <thead class="thead-light">
                                    <tr>
                                        <th class="col-xs-2">产品</th>
                                        <th class="col-xs-2">剂量</th>
                                        <th class="col-xs-2">用药频率</th>
                                        <th class="col-xs-2">备注</th>
                                    </tr>
                                    </thead>
                                    <tbody style="height: 200px;">
                                    <tr>
                                        <td>苯磺酸氨氯地平片 <span class="badge badge-success">惠民用药</span></td>
                                        <td>5～10 mg</td>
                                        <td>
                                            <select>
                                                <option value="">-</option>
                                                <option value="1">每日1次</option>
                                                <option value="2">每日2次</option>
                                                <option value="3">每日3次</option>
                                            </select>
                                        </td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>马来酸氨氯地平片</td>
                                        <td>5～10 mg</td>
                                        <td>
                                            <select>
                                                <option value="">-</option>
                                                <option value="1">每日1次</option>
                                                <option value="2">每日2次</option>
                                                <option value="3">每日3次</option>
                                            </select>
                                        </td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>结沙坦胶囊</td>
                                        <td>80～160 mg</td>
                                        <td>
                                            <select>
                                                <option value="">-</option>
                                                <option value="1">每日1次</option>
                                                <option value="2">每日2次</option>
                                                <option value="3">每日3次</option>
                                            </select>
                                        </td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>依那普利片</td>
                                        <td>5 mg</td>
                                        <td>
                                            <select>
                                                <option value="">-</option>
                                                <option value="1">每日1次</option>
                                                <option value="2">每日2次</option>
                                                <option value="3">每日3次</option>
                                            </select>
                                        </td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>复方利血平片</td>
                                        <td>3～6 片</td>
                                        <td>
                                            <select>
                                                <option value="">-</option>
                                                <option value="1">每日1次</option>
                                                <option value="2">每日2次</option>
                                                <option value="3">每日3次</option>
                                            </select>
                                        </td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>比索洛尔片</td>
                                        <td>1.25～10 mg</td>
                                        <td>
                                            <select>
                                                <option value="">-</option>
                                                <option value="1">每日1次</option>
                                                <option value="2">每日2次</option>
                                                <option value="3">每日3次</option>
                                            </select>
                                        </td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>比索洛尔胶囊</td>
                                        <td>2.5～10 mg</td>
                                        <td>
                                            <select>
                                                <option value="">-</option>
                                                <option value="1">每日1次</option>
                                                <option value="2">每日2次</option>
                                                <option value="3">每日3次</option>
                                            </select>
                                        </td>
                                        <td>不和β受体阻滞剂联用</td>
                                    </tr>
                                </tbody>
                                </table>
                            </div>
                            <div class="row" style="margin: 20px;">
                                <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;"><h5>随访频率</h5></span>
                                        <span class="name col-xs-8">
                                        <select>
                                            <option value="1">一周一次</option>
                                            <option value="2">一周两次</option>
                                        </select>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="margin: 20px;">
                                <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                    <div class="col-xs-6">
                                        <span class="name col-xs-4" style="display: inline-block; width: 120px;"><h5>复诊提醒</h5></span>
                                        <span class="name col-xs-8">
                                        <select>
                                            <option value="1">一月一次</option>
                                            <option value="2">两月一次</option>
                                        </select>
                                        </span>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="tab-pane fade" id="ame" role="tabpanel" aria-labelledby="ame-tab">
                            <div class="row" style="margin: 20px;">
                                <div class="col-xs-24 message" style="display: inline-block; width: 100%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-3" style="display: inline-block; width: 200px;"><h5>AME操作信息</h5></span>
                                        </div>
                                    </div>
                                    <code style="    border: 1px solid #ccc;
                                    padding: 10px 20px;
                                    background-color: #fafafa;">血压目标值应控制在<br />
                                            收缩压&lt;140 mm Hg<br />
                                            舒张压&lt;90 mm Hg<br />
                                            <hr />
                                            慢性并发症为慢性肾病<br />
                                            <hr />
                                            初始采用噻嗪类利尿剂或CCB，或者二者联用<br />
                                            <hr />
                                            强调药物和生活方式的依从性<br />
                                    </code>
                                    <div style="display: inline-block; margin-top: 100px; margin-left: 100px;">  <button type="button" class="btn btn-danger" onclick="window.open('http://h5.eintsoft.com/AME/index.html');">前往惠每临床路径</button>  </div>
                                </div>
                                <div class="row" style="margin: 20px;">
                                    <div class="col-xs-12 message" style="display: inline-block; width: 50%;">
                                        <div class="col-xs-6">
                                            <span class="name col-xs-3" style="display: inline-block; width: 120px;"><h5>推荐用药</h5></span>
                                        </div>
                                    </div>
                                    <table class="table fixed" style="margin: 0">
                                        <thead class="thead-light">
                                        <tr>
                                            <th class="col-xs-2">产品</th>
                                            <th class="col-xs-2">剂量</th>
                                            <th class="col-xs-2">用药频率</th>
                                            <th class="col-xs-2">备注</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>苯磺酸氨氯地平片<span class="badge badge-success">惠民</span></td>
                                            <td>5～10 mg</td>
                                            <td>每日1次</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>马来酸氨氯地平片</td>
                                            <td>5～10 mg</td>
                                            <td>每日1次</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>结沙坦胶囊</td>
                                            <td>80～160 mg</td>
                                            <td>每日1次</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>依那普利片</td>
                                            <td>5 mg</td>
                                            <td>每日1～2次</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>复方利血平片</td>
                                            <td>3～6 片</td>
                                            <td>每日1～2次</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>比索洛尔片</td>
                                            <td>1.25～10 mg</td>
                                            <td>每日1～2次</td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>比索洛尔胶囊</td>
                                            <td>2.5～10 mg</td>
                                            <td>每日1～2次</td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                    </table>
                                </div>
    
                        </div>
                        <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                        <table class="table">
                            <thead class="thead-light">
                            <tr>
                                <th class="col-xs-5">信息</th>
                                <th class="col-xs-2">频率</th>
                                <th class="col-xs-2">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>与高血压相关的危险因素</td>
                                <td>
                                    <select>
                                        <option value="1">一周一次</option>
                                        <option value="2">一周两次</option>
                                    </select>
                                </td>
                                <td><button type="button" class="btn btn-secondary btn-xxs">手动推送</button></td>
                            </tr>
                            <tr>
                                <td>了解高血压并发症</td>
                                <td>
                                    <select>
                                        <option value="1">一周一次</option>
                                        <option value="2">一周两次</option>
                                    </select>
                                </td>
                                <td><button type="button" class="btn btn-secondary btn-xxs">手动推送</button></td>
                            </tr>
                            <tr>
                                <td>高血压生活方式和家庭疗法</td>
                                <td>
                                    <select>
                                        <option value="1">一周一次</option>
                                        <option value="2">一周两次</option>
                                    </select>
                                </td>
                                <td><button type="button" class="btn btn-secondary btn-xxs">手动推送</button></td>
                            </tr>
                            <tr>
                                <td>高血压的药物治疗</td>
                                <td>
                                    <select>
                                        <option value="1">一周一次</option>
                                        <option value="2">一周两次</option>
                                    </select>
                                </td>
                                <td><button type="button" class="btn btn-secondary btn-xxs">手动推送</button></td>
                            </tr>
                            <tr>
                                <td>患者及家属的应对和支持</td>
                                <td>
                                    <select>
                                        <option value="1">一周一次</option>
                                        <option value="2">一周两次</option>
                                    </select>
                                </td>
                                <td><button type="button" class="btn btn-secondary btn-xxs">手动推送</button></td>
                            </tr>
                            </tbody>
                        </table>
                        
                            <div class="col-xs-12">
                                <span class="name col-xs-6" style="display: inline-block; width: 160px; margin-top: 20px;"><h5>活动/公告推送</h5></span>
                                <select class="artical-class">
                                    <option value="1">医生讲坛</option>
                                    <option value="2">活动公告</option>
                                    <option value="3">医院消息</option>
                                </select>
                            
                                <table class="table articals" style="margin-top:25px;">
                                    <thead class="thead-light">
                                    <tr>
                                        <th class="col-xs-5">信息</th>
                                        <th class="col-xs-2">修改</th>
                                        <th class="col-xs-2">推送</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>高血压防治讲坛</td>
                                        <td><button type="button" class="btn btn-secondary btn-xxs">修改</button></td>
                                        <td><button type="button" class="btn btn-secondary btn-xxs">手动推送</button></td>
                                    </tr>
                                    <tr>
                                        <td>高血压合并症患者如何养成健康生活习惯</td>
                                        <td><button type="button" class="btn btn-secondary btn-xxs">修改</button></td>
                                        <td><button type="button" class="btn btn-secondary btn-xxs">手动推送</button></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <button type="button" class="btn btn-secondary">新增文章</button>
                            </div>
                        
                        </div>
                        <div class="tab-pane fade" id="code" role="tabpanel" aria-labelledby="code-tab">
                            <div style="padding: 20px; text-align: center;">
                                <img src="qrcode-new.png" />
                                <br />
                                <span>请患者扫描该二维码来注册患者信息。</span>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="record" role="tabpanel" aria-labelledby="record-tab">
                            <table class="table">
                                <thead class="thead-light">
                                <tr>
                                    <th class="col-xs-5">信息</th>
                                    <th class="col-xs-2">发送时间</th>
                                    <th class="col-xs-2">阅读时间</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>与高血压相关的危险因素</td>
                                    <td>2018/9/17</td>
                                    <td>2018年09月17日 15:12:30</td>
                                </tr>
                                <tr>
                                    <td>了解高血压并发症</td>
                                    <td>2018/9/17</td>
                                    <td>2018年09月17日 17:01:20</td>
                                </tr>
                                <tr>
                                    <td>高血压生活方式和家庭疗法</td>
                                    <td>2018/9/17</td>
                                    <td>2018年09月17日 17:11:23</td>
                                </tr>
                                <tr>
                                    <td>高血压的药物治疗</td>
                                    <td>2018/9/18</td>
                                    <td>2018年09月18日 10:09:21</td>
                                </tr>
                                <tr>
                                    <td>患者及家属的应对和支持</td>
                                    <td>2018/9/18</td>
                                    <td>2018年09月18日 10:11:35</td>
                                </tr>
                                </tbody>
                                </table>
                        </div>
                    </div>


                    <div class="col-xs-12">
                    </div>
                </div>
                <div id="modal-save-success" class="alert alert-success" role="alert" style="display: none;">
                    保存成功。
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="setTimeout(function() {$('#modal-save-success').show();setTimeout(function() {$('#modal-save-success').hide();}, 2000);}, 200);">保存</button>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
<script>
    $.ajax({
        type: "POST",
        url: "http://patient-demo.huimeimt.cn:8080/pcController/insertCheckInfo",
        data: "",
        dataType: 'json',
        contentType: 'application/json',
        success: function (data) {
            var html = "";
            for (var i = 0; i < data.data.length; i++) {
                var item = data.data[i];
                if (i == 0) item.patientName = "王建国";
                html += "<tr>"+
                        "<th>"+item.patientName+"</th>"+
                        "<th>"+item.sureDate+"</th>"+
                        "<th>"+item.illState+"</th>"+
                        "<th>"+item.lastVisitDate+"</th>"+
                        "<th>"+
                        "<button type=\"button\" class=\"btn btn-secondary\" data-toggle=\"modal\" data-target=\"#myModal\" onclick=\"btn(this)\">"+"<span class=\"glyphicon glyphicon-plus\">"+"</span>"+"设置"+"</button>"+
                    "</th>"+
                    "</tr>";
            }
            $(".tbdy").append(html);
        },
    });
    function btn(obj) {
        $("#myModal input").prop("disabled", false);
        if (obj) {
            var name = $(obj).parent().prev().prev().prev().prev().html();
            $('#name').val(name)
            var time = $(obj).parent().prev().prev().prev().html();
            $('#time').val(time)
            var condition = $(obj).parent().prev().prev().html();
            $('#condition').val(condition)
            var deadline = $(obj).parent().prev().html();
            $('#deadline').val(deadline)
        } else {
            $('#name').val('')
            $('#time').val('')
            $('#condition').val('')
            $('#deadline').val('')
        }
    }
    $(".artical-class").change(function(){
        $(".articals tbody").html('');
        tableTemplate='<td><button type="button" class="btn btn-secondary btn-xxs">修改</button></td>'+
                      '<td><button type="button" class="btn btn-secondary btn-xxs">手动推送</button></td>'+
                      '</tr>';
        if ($(".artical-class").val()==1){
            html = '<tr>'+
                   '<td>高血压防治讲坛</td>'+
                   tableTemplate+
                   '<tr>'+
                   '<td>高血压合并症患者如何养成健康生活习惯</td>'+
                   tableTemplate;
        }
        else if ($(".artical-class").val()==2){
            html = '<tr>'+
                   '<td>关爱老人，守护心房 心内科专家义诊活动</td>'+
                   tableTemplate;
        }else if ($(".artical-class").val()==3){
            html = '<tr>'+
                   '<td>心血管疾病筛查活动通知</td>'+
                   tableTemplate+
                   '<tr>'+
                   '<td>关于开展慢性病患者自我管理小组工作的通知</td>'+
                   tableTemplate;
        }
        $('.articals tbody').html(html);
    });
</script>
</html>
